<!DOCTYPE html>
<html>
<head>
	<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
	<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
	<META HTTP-EQUIV="expires" CONTENT="0">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>南国早报地铁掌上通</title>
    <script src="./js/index.js?index=277"></script>
    <link rel="stylesheet" href="./css/index.css?index=226" />
    <style>
    	.rotate{animation:rot 2s linear infinite;-webkit-animation:rot 2s linear infinite;}
		@keyframes rot{
			0%{transform:rotate(0deg);}
			50%{transform:rotate(180deg);}
			100%{transform:rotate(360deg);}
		}
		@-webkit-keyframes rot{
			0%{transform:rotate(0deg);}
			50%{transform:rotate(180deg);}
			100%{transform:rotate(360deg);}
		}
    </style>
</head>
<body>
	<img src="./img/share.jpg" alt="分享" style="position:absolute;z-index:-1;"/>
	<img class="rotate" src="./img/button.png" id="cls" style="display:block;width:10%;position:absolute;z-index: 60;font-weight:700;right:10px;top:10px"/>
	<audio id="audio" src="./music/Multex.mp3" autoplay preload loop></audio>
	<div id="showWin"><img src=""></div>
	<div class="top">
		<img src="./img/01.jpg?index=20" alt="南宁地铁" />
		<img id="train" src="./img/03.png" alt="南宁地铁" />
		<div id="flash"></div>
	</div> 
	<div class="bottom">
		<img src="./img/02.jpg?index=20" alt="南宁地铁" />
		<ul>
			<a href="./page01.html?index=5"><li></li></a>
			<a href="./page02.html?index=5"><li></li></a>
			<a href="./page03.html?index=5"><li></li></a>
			<a href="./page04.html?index=5"><li></li></a>
			<a href="./page05.html?index=5"><li></li></a>
			<a href="./page06.html?index=5"><li></li></a>
			<a href="./page07.html?index=5"><li></li></a>
			<a href="javascript:void(0)"><li></li></a>
		</ul>
	</div>
	<script>
		;(function(){
			var au = document.getElementById('audio');
			var cls = document.getElementById('cls');
			var flg = true;
			cls.onclick = function(){
				if(flg){
					au.pause();
					cls.className = "";
					flg = false;
				}else{
					au.play();
					cls.className = "rotate";
					flg=true;
				}

			};
		})();
		 var docElm = document.documentElement;  
        //W3C   
        if (docElm.requestFullscreen) {  
            docElm.requestFullscreen();  
        }  
            //FireFox   
        else if (docElm.mozRequestFullScreen) {  
            docElm.mozRequestFullScreen();  
        }  
            //Chrome等   
        else if (docElm.webkitRequestFullScreen) {  
            docElm.webkitRequestFullScreen();  
        }  
            //IE11   
        else if (elem.msRequestFullscreen) {  
            elem.msRequestFullscreen();  
        } 
	</script>
</body>
</html>